﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="robots" content="all" />

</head>
<style>
    body, from {
        margin: 0;
        padding: 0;
    }

    ul {
        list-style: none;
    }

    em {
        font-weight: normal;
        font-style: normal;
    }

    a {
        color: #333;
        text-decoration: none;
    }

        a:hover {
            color: #F30;
            text-decoration: underline;
        }

    img {
        border: 0;
    }

    .land_box {
        width: 800px;
        border: 1px solid #F60;
        padding: 12px;
        text-align: left;
    }

        .land_box .input_txt {
            width: 140px;
        }

        .land_box .input_list {
            background: #fff;
            width: 787px;
            padding: 0 0 10px 0;
            margin: 0px;
        }

        .land_box .input_btn_line {
            margin: 0 0 20px 70px;
            line-height: 28px;
        }

        .land_box .input_list li em {
            width: 70px;
        }

    .input_list li {
        padding: 10px 0;
    }

        .input_list li input {
        }

    .input_list {
        font-size: 13px;
    }

        .input_list li {
            padding: 10px;
            line-height: 24px;
        }

        .input_list em {
            display: inline-block;
            width: 100px;
            text-align: right;
        }

        .input_list li span, input {
            color: #aaa;
            font-size: 13px;
            width: 150px;
        }

    #sCx {
        width: 154px;
    }

    #tMe {
        width: 248px;
        overflow: auto;
        height: 50px;
    }

    #tem {
        vertical-align: top;
    }

    #spMe {
        padding-left: 75px;
    }

    .aleft1 {
        margin-left: 300px;
    }

    .aleft {
        margin-left: 230px;
    }

    #dCs a {
        margin: 0 5px;
    }

    #dLst4 input {
        width: auto;
    }

    #spWm {
        color: #333;
    }
    /*顶层*/
    #dTop {
        width: 100%;
        padding: 3px 0;
        background: url("../images/topbj.gif") /*tpa=http://www.diancanw.com/images/topbj.gif*/ /*tpa=http://www.diancanw.com/images/topbj.gif*/ no-repeat;
        color: #333;
        font-size: 12px;
    }

        #dTop a {
            color: #333;
        }

        #dTop td img {
            margin-right: 5px;
        }

    .head {
        background: #fff;
        width: 100%;
        height: 100px;
        border-bottom: 3px solid #F60;
    }

    .head_box {
        width: 800px;
        margin: 0 auto;
        padding-top: 20px;
    }

    .head .logo {
        margin-top: 0;
        width: 198px;
        height: 70px;
        background: url("../images/logo1-1.png") /*tpa=http://www.diancanw.com/images/logo.png*/ 0 0 no-repeat;
        float: left;
    }

        .head .logo a {
            display: block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            text-indent: -9999px;
        }

    .head span {
        font-size: 18px;
        font-weight: bold;
        font-family: "微软雅黑";
        float: left;
        margin: 10px 0 0 10px;
        _display: inline;
        padding-left: 10px;
        border-left: 1px dotted #ccc;
        height: 50px;
        line-height: 34px;
    }

    #tdMobile {
        background: url("../images/xiazaitop.png") /*tpa=http://www.diancanw.com/images/xiazaitop.png*/ /*tpa=http://www.diancanw.com/images/xiazaitop.png*/ no-repeat;
        font-size: 12px;
        margin-left: 685px;
        float: left;
        height: 61px;
        margin-top: -65px !important;
        margin-top: -45px;
        width: 170px;
    }

        #tdMobile a {
            padding-left: 38px;
        }
    /*foot*/
    #foot {
        margin: 10px auto 0 auto;
        border-top: 1px solid #e0e0e0;
        background: #eee;
        padding: 10px;
        text-align: center;
        color: #555;
    }

        #foot div {
            font-size: 14px;
            padding: 10px;
        }

            #foot div a {
                margin: 0 10px;
                color: #555;
            }

        #foot p a {
            color: #eee;
        }

    .foot_box {
        width: 800px;
        text-align: left;
        font-size: 14px;
        font-family: 微软雅黑;
        margin-top: 30px;
    }

    .foot_line {
        background: #fff;
        width: 100%;
        height: 50px;
        border-bottom: 1px solid #999;
    }
</style>

<body>
    <div class="head">
        <div class="head_box clearfix">
            <h1 class="logo"><a href="../index.htm" tppabs="http://www.diancanw.com/index.aspx">
                点餐网</a></h1>
            <span>店家注册</br>
    <font style="color: #999; font-size: 16px; font-weight: 100;">BUSINESSES REGISTERED</font>
            </span>
            <div id="tdMobile">
                <br>
                <a href="../download.html" tppabs="http://www.diancanw.com/download.html" target="_blank">
                </a></div>

        </div>
    </div>
    <br />
    <center>

        <div class="land_box">
            <!--第一步-->
            <div id="dLst1" style="width: 100%;">
                <ul class="input_list">
                    <li class="land_mes"></li>
                    <li><em>店家名称：</em><input id="tNa" /><span id="spNa">&nbsp;&nbsp;请输入店家名称</span></li>
                    <li><em>订餐电话：</em><input id="tSj" /><span id="spSj">&nbsp;&nbsp;请输入手机或固定电话</span>
                    </li>
                    <li><em>所属城市：</em><input onkeyup="fCis()" id="tCs" style="width: 30px;" />
                        <span id="spCis"></span><span id="spCs">&nbsp;&nbsp;选择城市在输入框内输入字母查询城市（如：成都“cd”）</span>
                    </li>
                    <li><em>店家地址：</em><input id="tAd" /><span id="spAd">&nbsp;&nbsp;请输入店家地址！<b>注：</b>越详细，地图标注位置越准确</span>
                    </li>
                    <li><em>主营类型：</em><select id="sCx"></select><span id="spCx">&nbsp;&nbsp;请选择主营类型！</span>
                    </li>
                    <li><em id="tem">店家简介：</em><textarea id="tMe"></textarea><span id="spMe">&nbsp;&nbsp;请输入店家简介！</span><br />
                    </li>
                    <li><a class="aleft1" id="aX1" href="javascript:fDa1()">
                        <img src="../images/next_btn.png" tppabs="http://www.diancanw.com/images/next_btn.png" /></a>
                    </li>
                </ul>
                <!--
<div style="float:right;margin:-395px -5px;"><img src="../images/Tj1.png" /></div>-->
            </div>
            <!--第二步-->
            <div id="dLst2" style="display: none;">
                <ul class="input_list">
                    <li>
                        <div id="dMap" style="width: 755px; height: 300px; border: 1px solid #ffcc99; bakcground-color: #fcf6d4;">
                        </div>
                        <b style="color: blue;">提示:</b><br />
                        <span style="color: black;">1、您标注的位置以您选择的城市要匹配，否则将无法正常显示您的位置。<br />
                            2、若图上未出现红色小图标，可能是网络原因，请再次点击城市，出现红色图标后在拖动到相应地点！</span></li>
                    <li><a class="aleft">
                        <img src="../images/next_btn1.png.gif" tppabs="http://www.diancanw.com/images/next_btn1.png" /></a>
                        <a href="javascript:fMp()">
                            <img src="../images/WangC.gif" tppabs="http://www.diancanw.com/images/WangC.gif" /></a>
                        <a href="javascript:fDa2()">
                            <img src="../images/next_btn.png" tppabs="http://www.diancanw.com/images/next_btn.png" /></a>
                    </li>
                </ul>
                <!--
<div style="float:right;margin:-530px -5px;"><img src="../images/Tj2.png" /></div>-->
            </div>
            <!--第三步-->
            <div id="dLst3" style="display: none;">
                <ul class="input_list">
                    <li><b style="margin-left: 111px;">店家LoGo</b><b style="margin-left: 227px;">就餐环境</b>
                        <br />
                        <img id="imZz" src="../images/nodiancan.gif" tppabs="http://www.diancanw.com/images/nodiancan.gif"
                            style="width: 180px; height: 200px; border: 1px solid #aaa; margin-left: 50px;"
                            onclick="if(this.src=='')alert('请上传店家LOGO图片！');else window.open(this.src)" />
                        <span style="margin-left: 80px;">
                            <img id="imgBj" src="../images/nodiancan.gif" tppabs="http://www.diancanw.com/images/nodiancan.gif"
                                style="width: 180px; height: 200px; border: 1px solid #aaa; margin-left: 17px;"
                                onclick="if(this.src=='')alert('请上传就餐环境图片！');else window.open(this.src)" /></span>
                        <br>
                        <iframe id="frmZz" frameborder="0" style="width: 39%; height: 45px; display: none;">
                        </iframe>
                        <iframe id="frmBj" frameborder="0" style="width: 45%; height: 45px; display: none;">
                        </iframe>
                    </li>
                    <li><b style="color: blue;">提示：</b><br />
                        1、店家LoGo图片大小400px*600px;<br />
                        2、为为了保证图片的美观，请按照3：4的比例进行上传图片;<br />
                        2、由于图片过大或者网络等原因会导致上传缓慢，请等待到上传成功后在进行下一步！</li>
                    <li><a style="margin-left: 100px;">
                        <img src="../images/next_btn1.png.gif" tppabs="http://www.diancanw.com/images/next_btn1.png" /></a>
                        <a href="javascript:fMp()">
                            <img src="../images/WangC.gif" tppabs="http://www.diancanw.com/images/WangC.gif" /></a>
                        <a href="javascript:fDa3()">
                            <img src="../images/next_btn.png" tppabs="http://www.diancanw.com/images/next_btn.png" /></a>
                    </li>
                </ul>
            </div>
            <!--第四步-->
            <div id="dLst4" style="display: none;">
                <ul class="input_list">
                    <li id="lsj">营业时间：
                        <input type="text" id="tdYysj" /><span id="sptdYysj">默认营业时间10:00-22:00</span>
                    </li>
                    <li>网银涮卡：<input type="radio" name="rSk" id="rSk1" /><label for="rSk1">是</label>&nbsp;&nbsp;<input
                        checked="checked" type="radio" name="rSk" id="rSk2" /><label for="rSk2">否</label>
                        &nbsp;&nbsp;&nbsp;&nbsp;在线支付：<input type="radio" checked="checked" name="rZf" id="rZf1" /><label
                            for="rZf1">是</label>&nbsp;&nbsp;<input type="radio" checked="checked" name="rZf"
                                id="rZf2" /><label for="rZf2">否</label></li>
                    <li>是否外卖：<input type="radio" name="rWm" id="rWm1" /><label for="rWm1">是</label>&nbsp;&nbsp;<input
                        type="radio" checked="checked" name="rWm" id="rWm2" /><label for="rWm2">否</label><span>是否支持外卖</span>
                    </li>
                    <li>预定期限：<select id="sQx"><option value="0">不订餐</option>
                        <option value="1">1天内</option>
                        <option value="2">2天内</option>
                        <option value="3">3天内</option>
                        <option value="4">4天内</option>
                        <option value="5">5天内</option>
                        <option value="7">7天内</option>
                        <option value="10">10天内</option>
                        <option value="15">15天内</option>
                        <option value="20">20天内</option>
                        <option value="30">一月内</option>
                        <option value="100">不限制</option>
                    </select><span>提示：如选择3天内那个用户只能预定三天以内菜及包间！</span></td></tr></li>
                    <li>有无发票：<input type="radio" name="rfp" id="tfp1" /><label for="tfp1">可以开发票</label>&nbsp;&nbsp;<input
                        type="radio" checked="checked" name="rfp" id="tfp2" /><label for="tfp2">无发票</label>
                    </li>
                    <li>最低消费：<input id="tXf" /><span id="spXf">填写最低消费(如:到店每人最低消费金额)</span></li>
                    <li>店家氛围：
                        <input onchange="fFws(1)" type="checkbox" name="fw" id="fw1" value="1" /><label id="lb1"
                            for="fw1">高档商务宴请</label>
                        <input onchange="fFws(2)" type="checkbox" name="fw" id="fw2" value="2" /><label id="lb2"
                            for="fw2">商务宴请</label>
                        <input onchange="fFws(3)" type="checkbox" name="fw" id="fw3" value="3" /><label id="lb3"
                            for="fw3">朋友聚会</label>
                        <input onchange="fFws(4)" type="checkbox" name="fw" id="fw4" value="4" /><label id="lb4"
                            for="fw4">熟人聚会</label>
                        <input onchange="fFws(5)" type="checkbox" name="fw" id="fw5" value="5" /><label id="lb5"
                            for="fw5">家人聚会</label>
                        <input onchange="fFws(6)" type="checkbox" name="fw" id="fw6" value="6" /><label id="lb6"
                            for="fw6">随便吃吃</label>
                        <input onchange="fFws(7)" type="checkbox" name="fw" id="fw7" value="7" /><label id="lb7"
                            for="fw7">情侣聚会</label>
                        <input onchange="fFws(8)" type="checkbox" name="fw" id="fw8" value="8" /><label id="lb8"
                            for="fw8">西式环境</label>
                        <input onchange="fFws(9)" type="checkbox" name="fw" id="fw9" value="9" /><label id="lb9"
                            for="fw9">大型宴会</label>
                    </li>

                    <li style="display: none;">
                        <input id="tQf" /><span id="spQf">请填写店家范围（如：适合大型就餐）。</span></li>
                    <li>订餐说明：<input id="tSm" /><span id="spSm">请填写订餐须知。</span></li>
                    <li>交通指引：<input id="tJt" /><span id="spJt">请填写交通指引（如：怎么坐车，转车等）。</span></li>
                    <li>更多服务：<input id="tFw" /><span id="spFw">请填写更多服务（如：特别的服务,特有服务等）。</span></li>
                    <li><a class="aleft">
                        <img src="../images/next_btn1.png.gif" tppabs="http://www.diancanw.com/images/next_btn1.png" /></a><a
                            href="javascript:fDa4()"><img src="../images/WangC.gif" tppabs="http://www.diancanw.com/images/WangC.gif" /></a>
                    </li>
                </ul>
                <!--
<div style="float:right;margin:-535px -5px;"><img src="../images/Tj4.png" /></div>-->
            </div>
        </div>
        <div class="foot_line"></div>
        <!--页脚-->
        <div class="foot_box">
            <!--第一步-->
            <div>
                <a href="../About.html" target="_blank">关于我们</a>&nbsp;|&nbsp;<a href="../disclaimer.html"
                    tppabs="http://www.diancanw.com/disclaimer.html" target="_blank">免责声明</a>&nbsp;|&nbsp;<a
                        href="../Contact.html" tppabs="http://www.diancanw.com/Contact.html" target="_blank">联系我们</a>&nbsp;|&nbsp;<a
                            href="../Map.html" tppabs="http://www.diancanw.com/Map.html" target="_blank">网站地图</a>
                <div style="text-align: right; font-size: 13px; color: #ccc; float: right;">
                    &copy版权所有成都雪船网络科技有限公司 &nbsp;备案号:蜀ICP备12012536号
                </div>

            </div>
    </center>

</body>
</html>
